.calendar-container {
    text-align:center
}
.calendar-container #location {
    margin-bottom:10px
}
.calendar-container .view {
    display:none
}
.calendar-container table {
    width:100%;
    border-collapse: collapse;
    clear:both
}
.calendar-container table.loading {
    background: url(../img/loading.gif) no-repeat center center;
}
.calendar-container table.loading * {
    visibility: hidden;
    border:none
}
.calendar-container th {
    padding:5px;
    background:#aaa;
    color:#fff;
}
.calendar-container td {
    color:#555;
    padding:5px;
    text-align:center
}
.calendar-container td.other-month {
    background:transparent !important
}
.calendar-container td.other-month * {
    opacity:0;
}
.calendar-container td.occupied {
    background:#F28E8E;
    color:#fff;
    border-color:#F28E8E
}
.calendar-container td.occupied.campaign_2 { background:#1280A8; border-color:#1280A8 }
.calendar-container td.occupied.campaign_3 { background:#35A828; border-color:#35A828 }
.calendar-container td.occupied.campaign_4 { background:#ff8800; border-color:#ff8800 }

.calendar-container td.occupied a {color:#fff; text-decoration:none}

.calendar-container .controls {
    float:left;
    width:100%;
    margin-bottom:10px;
    text-align:center
}
.calendar-container .btn {
    text-decoration:none;
    color:#fff;
    background:#aaa;
    font-size:20px;
    width:20px;
    height:20px;
    text-align:center;
    line-height:17px;
    border-radius:3px;
}
.calendar-container .btn:hover {
    background:#1A7F0F
}
.calendar-container .btn.prev {
    float:left
}
.calendar-container .btn.next {
    float:right
}
.calendar-container .change-date select {
    margin:0 5px
}
